/* Configurar NOTIFICACIONES / REDES SOCIALES
-----------------------------------------------------------------------------*/
.socialcont {
	border-top: 1px solid #ccc;
	margin-right: 20px;
	padding: 10px 0;
	position: relative;
	}
.cambiardatos,
.email,
.fon,
.no_conect {
	/* color se pone en custom.css */
	margin-left: 20px;
	position: relative;
	top: -15px;
	}
.masinfoh {
	position: absolute;
	right: 0;
	top: 25px;
	}
.masinfoh a {
	background: url("css_images/masmenosinfo.png") no-repeat 0 -28px;
	padding-left: 13px;
	}
.masinfoh a.open { background: url("css_images/masmenosinfo.png") no-repeat 0 1px; }
.cambiardatos a.clicked {
	background: #fff;
	position: relative;
	z-index: 9999;
	}
.conect_bt {
	float: right;
	width: 112px;
	}
.conect_cont { margin-right: 20px; }
.not_general { margin: 10px 0; }
.notificaciones li { width: 450px; }
.notificaciones li label { width: 100%; }
.notificaciones li small { margin-left: 5px; }
.inactivo label,
.inactivo small { color: #999; }
.botonera {
	border-top: 1px solid #ccc;
	margin-right: 20px;
	overflow: hidden;
	padding: 20px 0 40px 0;
	}
/* pagina configurar notificaciones */
.socialcont.sinborder { border-top: none; }
.socialcont.sinborder .detalles.azul { top: 60px; }
.botonera.sinborder { border-top: none; }
/* table con opciones de configuración de notificaciones */
.configura { margin-bottom: 40px; }
.configura td { padding-bottom: 7px; }



/* Ventana "detalles" hacia arriba con flecha hacia abajo */
	.detalles.azul { width: 360px; top: 40px; left: -5px; bottom: auto; padding: 40px 20px 0 30px; background: url("css_images/f-5px-400px-eaf4f9.png") 0 0 no-repeat; }
		.detalles.azul .det-cierre { height: 20px; width: 100%; position: absolute; bottom: -20px; left: 0; background: url("css_images/f-5px-400px-eaf4f9.png") 0 -2270px no-repeat; }		

	.detalles.azul fieldset { padding-left: 20px; }